/* 家族页面CSS */

/* 内容LayaFlash */
.flash_out{
  width: 100%;
  background-color: #8bc01f;
}
.flash_out .flash{
  width: 70%;
  margin: 0 auto;
}
.flash .fleft{
  width: 47.7%;
  padding-top: 3.4rem;
  float: left;
}
.flash .fleft .num{
  width: 2.7rem;
  height: 2.7rem;
  text-align: center;
  line-height: 2.7rem;
  background-color: white;
  color: #8bc01f;
  font-weight: bold;
  font-size: 2.4rem;
  border-radius: 5px;
  float: left;
  margin-right: .6rem;
}
.flash .fleft h2{
  font-size: 2.3rem;
  color: white;
  font-weight: normal;
  line-height: 2.4rem;
}
.flash .fleft h4{
  clear: both;
  font-size: 1.2rem;
  color: white;
  font-weight: normal;
  margin-left: .8rem;
  margin-top: 1.1rem;
  margin-bottom: 2.8rem;
}
.flash .fleft p{
  font-size: .7rem;
  color: white;
  line-height: 1.5rem;
  margin-bottom: 1rem;
  margin-left: .8rem;
}

.flash .fleft a{
  display: block;
  width: 5rem;
  height: 1.8rem;
  border-radius: 5px;
  background-color: white;
  font-size: .7rem;
  color: #8bc01f;
  line-height: 1.8rem;
  text-align: center;
  margin-left: .8rem;
  margin-bottom: 4.6rem;
}
.flash img{
  display: block;
  width: 45%;
  float: right;
  margin-top: 3rem;
}

/* 内容LayaPlayer */
.player_out{
  width: 100%;
  background-color: #3393df;
}
.player_out .player{
  width: 70%;
  margin: 0 auto;
  padding-top: 3.6rem;
}
.player .pleft{
  width: 30%;
  float: left;
}
.player .pleft .num{
  width: 2.1rem;
  height: 2.1rem;
  text-align: center;
  line-height: 2.1rem;
  background-color: white;
  color: #3393df;
  font-size: 2.0rem;
  font-weight: bold;
  border-radius: 5px;
  float: left;
  margin-right: .6rem;
}
.player .pleft h2{
  font-size: 2.0rem;
  color: white;
  font-weight: normal;
  line-height: 2.0rem;
  margin-bottom: 1.5rem;
}
.player .pleft img{
  display: block;
  width: 100%;
  margin-bottom: 9.5rem;
}
.player .pmid{
  width: 30%;
  float: left;
  margin: 4rem 1.5rem 0;
}
.player .pmid h4{
  font-size: 1.2rem;
  color: white;
  font-weight: normal;
  margin-bottom: .7rem;
}
.player .pmid p{
  font-size: .7rem;
  color: white;
  line-height: 1.5rem;
  margin-bottom: 1rem;
}
.player .pright{
  display: block;
  width: 28%;
  float: right;
  margin-top: 10.4rem;
  margin-bottom: 3rem;
}

/* 内容34 */
.content {
  width: 70%;
  margin: 0 auto;
}
.content ul{
  width: 100%;
}
.content ul li{
  width: 48%;
  float: left;
  margin-right: 1.5rem;
  margin-top: 4.5rem;
}
.content ul li:nth-child(2n){
  margin-right: 0;
}
.content ul li .num{
  width: 2.0rem;
  height: 2.0rem;
  text-align: center;
  line-height: 2.0rem;
  background-color: #3393df;
  color: white;
  font-size: 1.8rem;
  font-weight: bold;
  border-radius: 3px;
  float: left;
  margin-right: .6rem;
}
.content ul li h2{
  font-size: 1.8rem;
  color: #3393df;
  font-weight: normal;
  line-height: 2.0rem;
}
.content ul li h4{
  font-size: .9rem;
  font-weight: normal;
  margin-top: 1.5rem;
}
.content ul li h5{
  font-size: .9rem;
  color: #3393df;
  font-weight: normal;
  line-height: 2rem;
  margin-top: 1.5rem;
}
.content ul li p{
  font-size: .7rem;
  line-height: 1.2rem;
  text-indent: 2em;
}
.content ul li img{
  display: block;
  width: 30%;
  margin: 1.9rem auto 4.3rem;
}
/* 内容56 */
.content_out{
  width: 100%;
  background-color: #f7f7f7;
}